<form nz-form [formGroup]="validateForm" [ngxsForm]="ngxsFormKey" (ngSubmit)="submitForm()">

  <nz-form-item>
    <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="name">姓名</nz-form-label>
    <nz-form-control [nzSm]="5" [nzXs]="24">
      <input nz-input formControlName="name" id="name"/>
    </nz-form-control>
  </nz-form-item>

  <nz-form-item>
    <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="email">电子邮箱</nz-form-label>
    <nz-form-control [nzSm]="5" [nzXs]="24" nzErrorTip="邮箱不符合规范!">
      <input nz-input formControlName="email" id="email"/>
    </nz-form-control>
  </nz-form-item>

  <nz-form-item>
    <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="gender">性别</nz-form-label>
    <nz-form-control [nzSm]="5" [nzXs]="24">
      <nz-select formControlName="gender" id="gender">
        <ng-container *ngFor="let item of (dictionary$ | async)?.gender">
          <nz-option [nzValue]="item.code" [nzLabel]="item.name"></nz-option>
        </ng-container>
      </nz-select>
    </nz-form-control>
  </nz-form-item>

  <nz-form-item nz-row class="register-area">
    <nz-form-control [nzSpan]="5" [nzOffset]="6">
      <button nz-button nzType="primary">保存</button>
      <nz-divider nzType="vertical"></nz-divider>
      <button nz-button nzType="primary" type="button" nzDanger (click)="passwordModal()">修改密码</button>
    </nz-form-control>
  </nz-form-item>

</form>
